@charset "utf-8";/* CSS Document */

body {font-size: 12px;background-color: white;font-family: "思源黑体", "Arial";width: 100%;margin: 0px;padding: 0px;overflow-x: hidden;}

html {margin: 0px;padding: 0px;}

* {margin: 0;padding: 0;}

ul, li {list-style-type: none;}

a {text-decoration: none;color: #8c8f91;}

img {margin: 0;padding: 0;vertical-align: bottom;}

a:hover {text-decoration: none;}

img {width: 100%;height: auto;}

p {margin: 0px;}

button {outline: none;}



.swiper-container-cube .swiper-cube-shadow{ display:none;}



.sousuo_index_bg{ clear:both; overflow:hidden; padding:18px 0; border-bottom:1px solid #cdcdcd;}

.sousuo_index_bg .container{display: flex;flex-wrap: wrap;align-items: center; justify-content: space-between;}

.sousuo_left{display: flex;flex-wrap: wrap;}

.sousuo_left p{ font-size:16px; color:#262626;}

.sousuo_left a{ font-size:16px; color:#81807c; margin-left:10px;}

.form2{position:relative;}

.inputBox_head{ line-height:32px; border:1px solid #dddddd; padding-left:15px; width:494px; background:#FFF; font-size:14px; color:#cecccd; }

.submit_head{ background:url(sousuo_right.jpg) no-repeat center center; width:75px; height:34px; position:absolute; right:0;}



.pro_index_bg{ clear:both; overflow:hidden; background:url(pro_bg.jpg) repeat-y top center; padding-top:66px; padding-bottom:55px;}

.pro_title{ clear:both; margin-bottom:30px;}

.pro_title p{ font-size:42px; color:#232323; text-transform:uppercase; font-weight:bold; line-height:64px;}

.pro_title h1{ font-size:23px; color:#3b3b3b; background:url(pro_title.png) no-repeat center; line-height:43px;}

.pro_h{ width:auto;}

.prolist_fl{ clear:both; margin-bottom:48px; display: flex;flex-wrap: wrap;align-items: center; justify-content: center;}

.prolist_fl li{ margin:0 11px; width:160px; border:1px solid #b7b7b7; border-radius:37px;} 

.prolist_fl li a{ line-height:35px; font-size:15px; color:#2c2c2c;}

.prolist_fl li:hover{ border:1px solid #29375e; background:#29375e;}

.prolist_fl li:hover a{ color:#FFF;}

.prolist_tr{display: flex;flex-wrap: wrap;}

.prolist_tr li{ margin-bottom:29px; padding:0 10px;}

.prolist_tr li a{ background:#f9f9f9; display:block; border:1px solid #cbcbcb; padding:4px;}

.prolist_tr li a div{ position:relative;}

.prolist_tr li a div img.pro_h{ position:absolute; left:0; top:0; z-index:55;}

.prolist_tr li a h3{ font-size:16px; color:#565656; line-height:42px; height:42px; overflow:hidden;}



.video_index{ clear:both; overflow:hidden;display: flex;flex-wrap: wrap;}

.video_left{ background:url(video_left.jpg) no-repeat center; width:46.66%; padding-left:20%; text-align:left; padding-top:4%; padding-bottom:25px; padding-right:10%; }

.video_left_top{ background:url(video_left_top.png) no-repeat left top; margin-bottom:20px; line-height:45px; font-size:50px; font-weight:bold; text-transform:uppercase; color:#FFF; padding:26px 0 50px 0;}

.video_left h2{ font-size:38px; color:#FFF; line-height:58px;}

.video_left_cen{ color:#FFF; font-size:32px; line-height:44px; margin-bottom:20px;   }

.video_left_cen span{ font-size:46px; font-weight:bold; line-height:74px;}

.video_left_bottom{ color:#FFF; font-size:12px; line-height:18px; background:url(video_left_bottom.png) no-repeat top left; padding-top:20px; padding-right:45px;}

.video_right{ padding:0px; width:53.34%;}

.video_right video{ width:100%; height:100%;}

.video_right video poster{ width:100%; height:100%;}

.poster-image{ width:100%; height:100%;}



.video_bottom{ background:url(video_bottom.jpg) no-repeat top center #f4f4f4; clear:both; overflow:hidden; padding-bottom:23px; padding-top:17px; }

.video_bottom .container{display: flex;flex-wrap: wrap;justify-content: space-between;}

.video_bottom_left{ text-align:left; margin-left:60px;}

.video_bottom_left h3{ font-size:32px; color:#333333; font-weight:bold; line-height:52px;}

.video_bottom_left p{ font-size:18px; color:#333333;line-height:39px; margin-left:80px;}

.video_bottom_left p span{ font-size:25px; color:#384770; }

.video_bottom_tel{}

.video_bottom_tel p{ font-size:20px; color:#000000; line-height:32px;}

.video_bottom_tel span{ font-size:25px; color:#000000; line-height:37px; margin-bottom:8px;}

.video_bottom_tel button{ display:block; width:102px; line-height:30px; height:30px; color:#FFF; background:#384770; border-radius:30px; margin:0 auto;}



.about_index{ clear:both; overflow:hidden; padding-bottom:66px;}

.about_left{ text-align:left;}

.about_title{ margin-bottom:20px;}

.about_title p{ font-size:32px; color:#1e1e1e; background:url(about_title.jpg) no-repeat left center; padding-left:20px; line-height:60px;}

.about_title span{ font-size:16px; color:#b8c7d0; text-transform:uppercase; line-height:20px;}

.about_index_nr{ margin-bottom:24px;}

.about_index_nr p{ font-size:14px; color:#6a6a6a; line-height:24px;}

.about_ul{display: flex;flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom:30px; clear:both;}

.about_ul li{ text-align:center;}

.about_ul li div{display: flex; align-items: center; justify-content: center;}

.about_ul li em{ font-size:60px; color:#384770; line-height:58px;}

.about_ul li h2{ font-size:60px; color:#384770; line-height:58px;}

.about_ul li p{ font-size:16px; color:#666666; line-height:30px;}

.about_ul01, .about_ul02{ width:30%;}

.about_ul02, .about_ul03{ background:url(about_li.jpg) no-repeat left center; }

.about_ul03{ width:40%; }

.about_left a{ background:url(about_more.jpg) no-repeat right 37px center #495a86; width:168px; line-height:46px; border-radius:5px; font-size:16px; color:#FFF; padding-left:37px; display:block;}

.about_right{ padding:12px 0 0 0; }

.about_index .container{ position:relative; padding-top:98px;}

.about_bg{ position:absolute; right:-51px; top:0;}

.about_img{ display:none; width:50%; float:right;}

   

.case_index{ clear:both; overflow:hidden; margin-bottom:80px; position:relative;}   

.swiper-containercase{ overflow:hidden;}

.swiper-containercase .swiper-slide a{ background:#384770; padding:3px;}

.swiper-containercase .swiper-slide h3{ font-size:18px; color:#FFF; line-height:40px;}

.swiper-button-nextcase{ background:url(case_right.png) no-repeat top left; width:66px; height:66px; position:absolute; right:8%; top: 50%; margin-top:-33px; z-index:999;}

.swiper-button-prevcase{ background:url(case_left.png) no-repeat top left; width:66px; height:66px; position:absolute; left:8%;top: 50%; margin-top:-33px; z-index:999;}



.news_bg{ background:#f2f4f3; clear:both; overflow:hidden; padding-top:48px; padding-bottom:48px; }

.news_title{display: flex;flex-wrap: wrap;align-items: center; justify-content: space-between; margin-bottom:45px;}

.news_title_left{ text-align:left;}

.news_title_left h2{ font-size:34px; color:#393836; line-height:48px;}

.news_title_left p{ font-size:16px; color:#7e7e7e; line-height: 24px;}

.news_title a{ background:url(news_more.jpg) no-repeat center; display:block; height:54px; width:54px;}

.news_left{ padding-left:0px; text-align:left; padding-right:25px;}

.news_left div{display: flex;flex-wrap: wrap; align-items: center; justify-content: space-between; border-bottom:1px solid #e3e3e3; margin-bottom:18px;}

.news_left div h3{ font-size:18px; color:#343434; line-height:55px; height:55px; overflow:hidden; width: calc(100% - 75px);}

.news_left div span{ color:#969696; font-size:14px;}

.news_left p{ font-size:14px; color:#666; line-height:24px; height:48px; overflow:hidden;}

.news_right{ padding-right:0px; padding-left:25px;}

.news_right li{ margin-bottom:60px;}

.news_right li a{display: flex; justify-content: space-between; align-items: center;}

.news_time{ width:75px; height:75px; background:#22202d;display: flex;flex-direction: column; justify-content: center; align-items: center;}

.news_time p{ color:#FFF; font-size:30px; }

.news_time span{ color:#FFF; font-size:13px;}

.news_index_right{ border-left:2px solid #e3e3e3; padding-left:20px; text-align:left; width: calc(100% - 100px); }

.news_index_right h3{ font-size:18px; color:#343434; line-height:24px; height:24px; overflow:hidden; margin-bottom:8px;}

.news_index_right p{ font-size:14px; color:#666666; line-height:23px; height:46px; overflow:hidden;}

.news_bottom{ clear:both; overflow:hidden;display: flex;flex-wrap: wrap; justify-content: space-between; align-items: center;}
.news_bottom li{ width:49%; border-bottom:1px dashed #e3e3e3; text-align:left; }
.news_bottom li a{display: flex; width:100%; justify-content: space-between; align-items: center;}
.news_bottom li a h3{ font-size:16px; color:#343434; line-height:30px; width: calc(100% - 75px); height:30px;}
.news_bottom li a span{ font-size:14px; color:#666666;line-height:30px;}










.foot_bg{background:#384770;overflow: hidden;clear: both; padding-bottom:30px; padding-top:48px;}

.foot_title{ border-bottom:1px solid #4c5a7f; overflow:hidden; margin-bottom:23px; text-align:left; padding-bottom:30px; display: flex;justify-content: space-between; align-items: flex-end; flex-wrap: wrap; }

.foot_title div img{ width: auto; max-width:100%; margin-bottom:5px;}

.foot_title div h4{ color:#ffffff; font-size:14px; line-height:24px;}

.foot_title p{ color:#ffffff; font-size:14px; line-height:24px;}

.foot_left{ text-align:left;display: flex;flex-wrap: wrap; justify-content: space-between; }

.foot_left ul{ width:25%;}

.foot_left p{ font-size:17px; line-height:49px; background:url(foot_title.jpg) no-repeat left bottom; color:#FFF; margin-bottom:13px; }

.foot_left li a{ font-size:14px; line-height:28px; color:#FFF;}

.foot_cen{ text-align:center; padding:20px 10px 0px 10px;    }

.foot_cen img{ padding:3px; background:#FFF; max-width:115px;}

.foot_cen p{ color:#fff; line-height:45px; font-size:18px;}

.foot_right{ margin-top:20px; }

.foot_right p{ text-align:right;color:#ffffff;}

.foot_right01{ font-size:18px; color:#ffffff; line-height:30px; background:url(foot_dh.jpg) no-repeat right top; padding-top:38px; }

.foot_right02{ font-size:38px; color:#ffffff; line-height:40px;}

.foot_right02 span{ font-size:16px; margin-right:10px;}

.footer_bg {background: #29375e;border-top: 1px solid #434248;padding: 10px;}

.footer_bg p {text-align: center;font-size: 14px;color: #FFF;line-height: 25px;margin: 0px !important;}

.footer_bg a {color: #FFF;}



@media (max-width: 1400px) {           

.video_left{ padding-left:10%;}





}



@media (max-width: 1200px) {           

.video_bottom_left{ margin-left:0px;}

.video_bottom_left p{ margin-left:25px;}

.about_ul li p{ padding-left:15px; padding-right:15px;}

.inputBox_head{ width:450px;}



}



@media (max-width: 992px) {           

.inputBox_head{ width:215px;}

.submit_head{ width:50px;}

.prolist_fl li{ width:auto; padding:0 15px;}



.video_left{width:100%; background-size:100% 100%; padding:20px;}

.video_left_top{ background: none; margin-bottom:0px; line-height:1.4; padding:0;}

.video_left_cen span{ font-size:32px; font-weight: normal; line-height:44px;}

.video_left_bottom{ padding-right:0px;}

.video_right{ width:100%;}

.video_bottom_left{ width:70%;}

.video_bottom_right{ width:30%;}

.video_bottom { background: #f4f4f4;}

.about_left{ width:100%; max-width:100%;}

.about_index .container{ padding-top:40px;}

.about_right{ display:none;}

.about_img{ display: block; margin-top:55px;}

.about992{ width:50%; float:left;}

.about_title{ margin-bottom:0px;}

.news_left{ padding-right:15px;}

.news_right{  padding-left:15px;}

.news_right li{ margin-bottom:25px;}

.news_index_right{width: calc(100% - 90px); padding-left:15px;}

.footer_bg{ padding-bottom:44px;}



}



@media (max-width: 768px) {           

.sousuo_left{ width:100%; margin-bottom:15px;}

.form2{width:100%;}

.inputBox_head{width:100%;}

.about_img{width:100%; margin-top:0px; margin-bottom:25px;} 

.about992{ width:100%;}

.about_left{ padding:0px;}

.swiper-button-nextcase{ display:none;}

.swiper-button-prevcase{ display:none;}

.news_left{ padding-right:0px; margin-bottom:25px;}

.news_right{  padding-left:0px;}

.foot_left{ display:none;}

.video_bottom_left{ width:100%; margin-bottom:15px;}

.video_bottom_left p{ margin-left:0px;}

.video_bottom_tel{ width:100%;}





}

@media (max-width: 650px) {          

.prolist_fl{justify-content: space-around; margin-bottom:15px;} 

.prolist_fl li{ width:31%; margin:0 0 15px 0; padding:0;}

.about_ul li h2{ font-size:45px;}

.about_ul li em{ font-size:45px;}

.foot_cen{ display:none;}

.foot_right{ width:100%; max-width:100%;}



}



@media (max-width: 425px) {  

.pro_index_bg{ padding-top:30px;}        

.pro_title p{ font-size:30px;}

.prolist_fl li:nth-child(1){ width:42% !important;}

.prolist_fl li:nth-child(2){ width:42% !important;}

.prolist_tr li{ padding:0 5px;}

.pro_index_bg .container{ padding:0 10px;}

.video_left_top{line-height:1.2; font-size:40px;}

.about_ul01, .about_ul02{ width:50%;}

.about_ul03{ width:100%; background:none; }





}



